<!doctype html>
<html lang="zh-cmn-Hans">

<head>
  <!-- 编码方式 -->
  <meta charset="utf-8">
  <!-- 移动端视图 -->
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- SEO友好关键字 -->
  <meta name="keywords" content="西南科技大学">
  <meta name="keywords" content="计算机&网络技术协会">
  <meta name="keywords" content="西南科技大学计算机&网络技术协会">
  <meta name="keywords" content="首页">
  <!-- 页面描述内容 -->
  <meta name="description" content="西南科技大学计算机&网络技术协会">
  <!-- 作者 -->
  <meta name="author" content="西南科技大学计算机&网络技术协会,1519518315@qq.com">
  <!-- 搜索引擎索引 -->
  <meta name="robots" content="index">
  <!-- 搜索引擎爬虫重访时间 -->
  <meta name="revisit-after" content="1 days">
  <!-- 默认webkit内核 -->
  <meta name="renderer" content="webkit">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="/css/resources/bootstrap.css">
  <link rel="stylesheet" href="/fontawesome-free-5.11.2-web/css/all.css">
  <!-- yangjiangtao -->
  <link rel="stylesheet" href="/css/front/yjt.layout.css">
  <link rel="stylesheet" href="/css/front/yjt.jumbotron.css">
  <link rel="stylesheet" href="/css/front/yjt.menu.css">
  <link rel="stylesheet" href="/css/front/yjt.post.css">
  <link rel="stylesheet" href="/css/front/yjt.aside.box.css">
  <!-- 你的css样式 -->


  <title>Welcome to CaitClub</title>
</head>

<body>
  <div id="page" class="page">
    <aside class="aside-menu bg-black text-white " id="collapseAside">
      <ul class="menu-nav">
        <li class="brand">Cait·Club</li>
        <li><a href="index.html">Home</a></li>
        <li><a href="news.html">News</a></li>
        <li><a href="notice.html">Notice</a></li>
        <li><a href="member.html">Members</a></li>
        <li><a href="about.html">About</a></li>
      </ul>
      <div class="px-5 ">
        <div class="seacher-box py-4 mb-4">
          <h2 class="box-title">Search</h2>
          <form action="#" class="search-form" method="GET">
            <label class="search-field">
              <span class="sr-only">Search...</span>
              <input type="text" class="search-btn" placeholder="Search...">
            </label>
            <button type="submit" class="search-submit" placeholder="Search...">
              <i class="fas fa-search"></i>
            </button>
          </form>
        </div>
        <div class="lastest-file-box py-4 mb-5">
          <h2 class="box-title">Latest Posts</h2>
          <ul class="list-unstyled file-list">
            <li>
              <blockquote class="blockquote">
                <a href="#" class="file-list-title">
                  Our trip to Mount Cook
                </a>
                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                </footer>
              </blockquote>
            </li>
            <li>
              <blockquote class="blockquote">
                <a href="#" class="file-list-title">Vegetable stir fry
                </a>
                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                </footer>
              </blockquote>
            </li>
            <li>
              <blockquote class="blockquote">
                <a href="#" class="file-list-title">The eighth Wonder of the
                  World
                </a>
                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                </footer>
              </blockquote>
            </li>
            <li>
              <blockquote class="blockquote">
                <a href="#" class="file-list-title">
                  Our trip to Mount Cook
                </a>
                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                </footer>
              </blockquote>
            </li>
            <li>
              <blockquote class="blockquote">
                <a href="#" class="file-list-title">Vegetable stir fry
                </a>
                <footer class="blockquote-footer">March 25, 2015 <cite title="Source Title">LYS</cite>
                </footer>
              </blockquote>
            </li>
          </ul>
        </div>
        <div class="tag-box py-4 ">
          <h2 class="box-title">Tags</h2>
          <div class="tages">
            <a href="#"> website stores</a>
            <a href="#" class="h4">bootstrap </a>
            <a href="#">home </a>
            <a href="#">home </a>
            <a href="#">alcohol </a>
            <a href="#">home </a>
            <a href="#" class="h3">website stores </a>
            <a href="#"> </a>
            <a href="#" class="h3">collect information </a>
            <a href="#" class="h2"> information </a>
            <a href="#"> </a>
            <a href="#">collect information </a>
            <a href="#" class="h3">collect information </a>
            <a href="#"></a> </a>
            <a href="#" class="h5">collect information </a>
            <a href="#">information </a>
            <a href="#" class="h4">collect information </a>
            <a href="#">collect information </a>
            <a href="#" class="h2">collect information </a>
            <a href="#" class="h6">collect information </a>
            <a href="#"> interact with </a>
            <a href="#" class="h5"> visitors both </a>
            <a href="#" class="h6">analytics </a>
            <a href="#" class="h3">other media.</a>
            <a href="#"> cookies </a>
            <a href="#" class="h2">these problems</a>
            <a href="#">Customers </a>
            <a href="#" class="h5">common</a>
          </div>
        </div>
        <div class="about-box py-4 mb-5">
          <h2 class="box-title ">About Us</h2>
          <p>Publication is an elegant blog and magazine theme that features
            full-screen Featured Images. It’s perfect for sites about fashion,
            food, travel, or design. With balanced typography, colors, and
            attention to detail, Publication helps you create visually stunning
            posts.</p>
        </div>
      </div>
    </aside>

    <header>
      <section>
        <div class="jumbotron bg-jumbotron text-light mb-0">
          <h1 class="heading m-0">Cait·Club</h1>
          <button id="menuBtn" class="menu-btn" style="z-index: 1000;">
            <i class="fas fa-1x fa-bars"></i>
          </button>

          <div>
            <h1 class="display-4">Welcome to Swust Cait.club!</h1>
            <p class="lead mb-0">欢迎访问西南科技大学 计算机网络&技术协会官方网站！
              <br>
              您正在访问“成员”相关内容
            </p>
          </div>
        </div>
      </section>
    </header>

    <main>
      <div class="container-fluid">
        <div class="row">
          <div class=" col-md-1 col-lg-1 col-xl-1 bg-light"></div>

          <div class="col-sm-12 col-md-10 col-lg-10 col-xl-10 bg-white">
            <div class="mt-3 ml-2">
              <h3 style="color:rgb(239, 125, 11);">理事层</h3>
              <div class="card-deck container m-auto">
                <div class="row mt-4 ml-3 m-auto">

                  <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                      <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                    </div>
                  </div>

                  <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                      <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                    </div>
                  </div>

                  <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                      <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                    </div>
                  </div>
                </div>
              </div>
              <p class="text-right mr-2"><a href="/templates/front/memberDetail.html" target="_blank"
                  style="color:rgb(239, 125, 11);text-decoration: none;font-size: 2rem;">More>></a></p>
            </div>
            <hr>
            <div class="mt-3 ml-2 mb-3">
              <h3 style="color:rgb(239, 125, 11);">干事层</h3>
              <div class="card-deck container m-auto">
                <div class="row mt-4 ml-3 m-auto">

                  <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                      <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                    </div>
                  </div>

                  <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                      <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                    </div>
                  </div>

                  <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4" style="width: 18rem;">
                    <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top" alt="...">
                    <div class="card-body">
                      <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                    </div>
                  </div>
                </div>

                <div class="card-deck container m-auto">
                  <div class="row mt-4 ml-3 m-auto">
                    <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3" style="width: 18rem;">
                      <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top" alt="...">
                      <div class="card-body">
                        <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                      </div>
                    </div>

                    <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3" style="width: 18rem;">
                      <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top" alt="...">
                      <div class="card-body">
                        <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                      </div>
                    </div>

                    <div class="card col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3" style="width: 18rem;">
                      <img src="/img/u=2552706548,3395649075&fm=26&gp=0.jpg" class="card-img-top" alt="...">
                      <div class="card-body">
                        <p class="card-text">姓名：<br>职务：<br>年级：<br>专业：</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <p class="text-right mr-2"><a href="/templates/front/memberDetail.html" target="_blank"
                style="color:rgb(239, 125, 11);text-decoration: none;font-size: 2rem;">More>></a></p>
          </div>
          <hr>
          <div class=" col-md-1 col-lg-1 col-xl-1 bg-light"></div>
        </div>

    </main>

    <footer>
      <div class="footer bg-black">
        @Copyright &#169 Swust Cait.club All rights reserved. <br>
        &#169 西南科技大学 计算机网络&技术协会 版权所有
      </div>
    </footer>
  </div>

  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="/js/resources/jQuery.v3.4.1.js"></script>
  <script src="/js/resources/popper.v1.16.0.js"></script>
  <script src="/js/resources/bootstrap.js"></script>

  <script src="/js/front/front.common.js"></script>
  <script src="/js/front/front.index.js"></script>
</body>


</html>